<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表渲染</title>
    <script type="text/javascript" src="vue.js"></script>
</head>
<body>
      <div id="app">
          <div v-for="(item,key,index)  of  userInfo">
                {{item}} --- {{key}} --- {{index}}
         
          </div>
          <!-- <div>
            {{userInfo.name}}
          </div> -->
      </div>

      <script>
          var vm  =  new Vue({
            el:'#app',
            data:{
              userInfo:{
                  name:'wangling',
                  age:29,
                  gender:'male'
              }
            }
          })
      </script>
</body>
</html>